<template>
  <div class="box_cont">
    <div>
        <table></table>
        <div class="cont_daiqueren">
            <div class="xaizai_bg">
                <img src="/static/img/android.png" alt="" class="android">
                <img src="/static/img/ios.png" alt="" class="ios">
            </div>
            <img src="/static/img/yaoqing-bg.png" alt="" class="yaoqing-bg"> 
            <img src="/static/img/lignqu_bg.png" alt="" class="lignqu_bg">
            <img src="/static/img/huobi_bg.png" alt="" class="huobi_bg">
            <img src="/static/img/tedian.png" alt="" class="tedian">
            <img src="/static/img/lingzhuanzhang.png" alt="" class="lingzhuanzhang">
            <img src="/static/img/miaoji.png" alt="" class="miaoji">
            <img src="/static/img/shiming.png" alt="" class="shiming">
            <img src="/static/img/zhiwen.png" alt="" class="zhiwen">
            <img src="/static/img/quzhongxinhua.png" alt="" class="quzhongxinhua">
            <img src="/static/img/xiaobai.png" alt="" class="xiaobai">
            <div class="bottom">
                <h2>联系我们</h2>   
                <p>
                    <span>CEO廖望：</span>
                    <img src="/static/img/weibo.png" alt="">
                    <img src="/static/img/kongjian.png" alt="">
                    <img src="/static/img/facebook.png" alt="">
                </p>
                <p>
                    <span>原子链官方：</span>
                    <img src="/static/img/weibo.png" alt="">
                    <img src="/static/img/zu_3.png" alt="">
                    <img src="/static/img/facebook.png" alt="">
                    <img src="/static/img/telegram.png" alt="">
                    <img src="/static/img/Twitter.png" alt="">
                    <img src="/static/img/zu_8.png" alt="">
                </p>
            </div>

        </div>
    </div>  
  </div>
</template>

<script>
  import Vue from "vue";
  import MintUI from "mint-ui";
  import { Toast , MessageBox } from "mint-ui";
  Vue.use( MintUI , Toast , MessageBox );

  // cxr 引入路由
  import Router from "vue-router";
  Vue.use(Router);
  export default {
    name: "daiqueren",
    data() {
      return {
      };
    },
    methods: {
    },
    mounted () {
    }
  }
</script>

<style lang="scss" scoped>
  @import "src/common/css/mixin";
  $background: #F9C54A;
  img{
      display: block;
      width: 100%;
  }
  .box_cont{
    width:100%;
    min-height: 100vh;
    position:relative;
    overflow: hidden;
    .cont_daiqueren{
        width:Rem(375);
        min-height: 100vh;
        margin:0 auto;
        
        .xaizai_bg{
            width:100%; 
            height: Rem(650);
            background:url("/static/img/xiazai_bg.png") no-repeat;
            background-size: 100% 100%;
            box-sizing: border-box;
            padding-top: Rem(425);
            img{
                width: Rem(165);
                height: Rem(45);
                margin: 0 Rem(99) Rem(20) Rem(112);
            }
            
        }

        .bottom{
            width:Rem(375);
            height: Rem(150);
            background: #000930;
            color: #FFFFFF;
            box-sizing: border-box;
            padding-top: Rem(20);
            padding-left: Rem(16);
            h2{
                font-size: Rem(18);
                font-family: PingFang-SC-Medium;
                margin-bottom: Rem(20);
            }
            p{
                height: Rem(25);
                line-height: Rem(25);
                margin-bottom: Rem(18);
                display: flex;

                span{
                    margin-right: Rem(15);
                    font-size: Rem(12);
                    font-family: PingFang-SC-Medium;
                }
                img{
                
                width: Rem(25);
                height: Rem(25);
                // margin-top: Rem(12.5);
                margin-right: Rem(20);
                }
            }
            
        }

    }
  }
  
</style>